<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Calculator</title>
        <link href="./work1.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="./work1.js"></script>
    </head>
    <body>
        <div id="calculator">
            <div id="output" align="center"><input type="text" id="text"></div>
            <div id="bottom">
                <table align="center">
                    <tr>
                        <td><input type="button" value="1" onclick="display(1)"></td>
                        <td><input type="button" value="2" onclick="display(2)"></td>
                        <td><input type="button" value="3" onclick="display(3)"></td>
                        <td><input type="button" value="+" onclick="display('+')"></td>
                        <td><input type="button" value="-" onclick="display('-')"></td>
                    </tr>
                    <tr>
                        <td><input type="button" value="4" onclick="display(4)"></td>
                        <td><input type="button" value="5" onclick="display(5)"></td>
                        <td><input type="button" value="6" onclick="display(6)"></td>
                        <td><input type="button" value="*" onclick="display('*')"></td>
                        <td><input type="button" value="/" onclick="display('/')"></td>
                    </tr>
                    <tr>
                        <td><input type="button" value="7" onclick="display(7)"></td>
                        <td><input type="button" value="8" onclick="display(8)"></td>
                        <td><input type="button" value="9" onclick="display(9)"></td>
                        <td><input type="button" value="0" onclick="display(0)"></td>
                        <td><input type="button" value="=" onclick="equal()"></td>
                    </tr>
                    <tr>
                        <td><input type="button" value="." onclick="display('.')"></td>
                        <td><input type="button" value="(" onclick="display('(')"></td>
                        <td><input type="button" value=")" onclick="display(')')"></td>
                        <td><input type="button" value="C" onclick="back()"></td>
                        <td><input type="button" value="CE" onclick="reset()"></td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>

                    



